<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./../../WEB-INF/templates/MainTemplate.xhtml">

            <ui:define name="bar">
                <h:form id="barForm">
                    <p:panel id="barFormPanel" styleClass="noMargin noPadding noBorder">
                        <p:commandButton styleClass="actionButton" id="nuevoMultiplicador" value="#{messages.NuevoMultiplicador}" onclick="dialogoNuevoMultiplicador.show();"></p:commandButton>  
                        <p:commandButton styleClass="actionButton" update=":multiplicadoresForm:multiplicadoresGrowl :multiplicadoresForm:multiplicadores borrarMultiplicador" disabled="#{multiplicadoresCategoriaYSexoBean.multiplicadorSeleccionado==null}" id="borrarMultiplicador" value="#{messages.Borrar}" actionListener="#{multiplicadoresCategoriaYSexoBean.borrarMultiplicador()}"></p:commandButton>  
                    </p:panel>
                </h:form>
            </ui:define>
            <ui:define name="dialogs">
                <h:form id="dialogoForm">
                    <p:dialog id="dialogoNuevoMultiplicador" modal="true" widgetVar="dialogoNuevoMultiplicador"  header="#{messages.NuevoMultiplicador}">
                        <h:panelGrid id="panelDialogoNuevoMultiplicador" columns="2">
                            <p:outputLabel for="cMultiplicador" value="#{messages.C}"></p:outputLabel>
                            <p:selectOneMenu required="true" converter="#{cConverter}" id="cMultiplicador" value="#{multiplicadoresCategoriaYSexoBean.nuevoMultiplicador.categoria}" effect="fade">  
                                <f:selectItem itemLabel="#{messages.SeleccionaC}" itemValue="" />  
                                <f:selectItems value="#{resourcesBean.cs}" var="c" itemLabel="#{c.descripcion}" itemValue="#{c}"/>  
                            </p:selectOneMenu>

                            <p:outputLabel for="sexoMultiplicador" value="#{messages.Sexo}"></p:outputLabel>
                            <p:selectOneMenu required="true" converter="#{sexoConverter}" id="sexoMultiplicador" value="#{multiplicadoresCategoriaYSexoBean.nuevoMultiplicador.sexo}" effect="fade">  
                                <f:selectItem itemLabel="#{messages.SeleccionaSexo}" itemValue="" />  
                                <f:selectItems value="#{resourcesBean.sexos}" var="sexo" itemLabel="#{sexo.descripcion}" itemValue="#{sexo}"/>  
                            </p:selectOneMenu>
                            
                            <p:outputLabel for="multiplicador" value="#{messages.Multiplicador}"></p:outputLabel>
                            <p:inputText required="true" id="multiplicador" value="#{multiplicadoresCategoriaYSexoBean.nuevoMultiplicador.multiplicador}">
                            </p:inputText>
                        </h:panelGrid>
                        <p:commandButton process="@parent" update=":multiplicadoresForm:multiplicadoresGrowl :multiplicadoresForm:multiplicadores" value="#{messages.Guardar}" actionListener="#{multiplicadoresCategoriaYSexoBean.guardarNuevoMultiplicador()}"></p:commandButton>
                    </p:dialog>
                </h:form>
            </ui:define>
            <ui:define name="content">
                <h:form id="multiplicadoresForm">
                    <p:growl autoUpdate="true" life="4000" id="multiplicadoresGrowl"></p:growl>
                    <p:dataTable emptyMessage="#{messages.NoMultiplicadores}" resizableColumns="true" selectionMode="single" id="multiplicadores" var="multiplicador" rowKey="#{multiplicador.idMultiplicadorProductoPedido}" selection="#{multiplicadoresCategoriaYSexoBean.multiplicadorSeleccionado}" value="#{resourcesBean.multiplicadoresCategoriaYSexo}">
                        <p:ajax update=":barForm:barFormPanel" event="rowSelect" listener="#{multiplicadoresCategoriaYSexoBean.select()}"/> 
                        <p:ajax update=":barForm:barFormPanel" event="rowUnselect" listener="#{multiplicadoresCategoriaYSexoBean.unselect()}"/>
                        <p:column sortBy="#{multiplicador.categoria.descripcion}" headerText="#{messages.C}" filterBy="#{multiplicador.categoria.descripcion}" filterMatchMode="contains" width="200">
                            <h:outputText value="#{multiplicador.categoria.descripcion}"></h:outputText> 
                        </p:column>
                        <p:column sortBy="#{multiplicador.sexo.descripcion}" headerText="#{messages.Temporada}" filterBy="#{multiplicador.sexo.descripcion}" filterMatchMode="contains" width="150">
                            <h:outputText value="#{multiplicador.sexo.descripcion}"></h:outputText> 
                        </p:column>
                        <p:column sortBy="#{multiplicador.multiplicador}" headerText="#{messages.Multiplicador}" filterBy="#{multiplicador.multiplicador}" filterMatchMode="contains" width="120">
                            <h:outputText value="#{multiplicador.multiplicador}">
                                <f:convertNumber maxFractionDigits="2" minFractionDigits="2"></f:convertNumber>
                            </h:outputText> 
                        </p:column>
                    </p:dataTable>
                </h:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
